.header {position: absolute;}
#navPage {position:fixed;top:50%;right:0;text-align:left;transition:all .1s ease-out 0s;transform:translateY(-50%)}
#navPage.noactive {left:-10%}
#navPage li {position:relative;padding-left:20px;width: 120px;}
#navPage li:after {position:absolute;top:50%;right:0;display:block;width:0;height:1px;background:#da0502;content:"";transition:all .5s ease-out 0s}
#navPage li.active:after {width:105px}
#navPage li a {display:inline-block;color:#aaa;font-weight:700;font-size:0;font-family:Arial;line-height:34px}
#navPage li a i,
#navPage li a span {display:inline-block;vertical-align:middle;font-size:14px}
#navPage li a i {font-style:normal}
#navPage li a span {overflow:hidden;width:0;white-space:nowrap;transition:all .5s ease-out 0s}
#navPage li a:hover,
#navPage li.active a {color:#da0502}
#navPage li a:hover span,
#navPage li.active a span {width:80px}
.index-banner {width: 100%;height: 100vh;}
.index-banner .imgBg {background-position: center center;background-repeat:repeat;background-size: cover;height: 100%;transition: all 6s linear;width: 100%;}
.index-banner .imgBg img {display: none;}
/*.swiper-slide-active .imgBg {transform: scale(1.1);transition: all 6s linear;}*/
.action {display: block;position: absolute;width: 100%;height: 30px;left: 0;bottom:50px;z-index: 3;}
.action .scroll-btn {position: absolute;display: block;width: 22px;height: 30px;top:0;left:50%;margin-left: -11px;background: url("../images/scroll-btn.png") no-repeat center;z-index: 4;animation: myFade 2s linear infinite;}
.banText { position:absolute; left:0; top:0; right:0; bottom:0; color:#FFFFFF; display:flex; align-items:center;}
.banText p { margin:5px 0;}
.banText p span { display:inline-block; vertical-align:middle; position:relative;}
.banText p i { font-style:normal; display:inline-block; vertical-align:middle; margin:0 2px; position:relative; z-index:1;}
.box1P1 { font-size:56px; line-height:120%;}
.box1P2 { font-size:40px; line-height:120%;}
.box1P3 { font-size:30px; line-height:120%;}
.box1P1 b { display:block; position:absolute; transition:all 1s ease-in-out 0s;width:0%; height:8px; background:#cc0000; left:0; bottom:3px;}
.box1P1 i { transform:translateY(120px); opacity:0; transition:all 1s ease-in-out 0s;}
.box1P2 i { transform:translateX(-120px); opacity:0; transition:all 1s ease-in-out 0s;}
.box1P3 i { transform:translateX(-120px); opacity:0; transition:all 1s ease-in-out 0s;}
.box1P1.active i { transform:translateY(0); opacity:1;}
.box1P1.active b { width:100%;}
.box1P2.active i { transform:translateX(0); opacity:1;}
.box1P3.active i { transform:translateX(0); opacity:1;}
.index-banner .swiper-pagination {bottom: 25px;left: 0;width: 100%;margin: 0;text-align: center;}
.index-banner .swiper-pagination span {width: 30px;height: 2px;border-radius: 0;background: #FFF;vertical-align: bottom;opacity: 1;transition: all .5s ease 0s;}
.index-banner .swiper-pagination-bullet-active {height: 5px!important;background: #cc0000!important;}
.ban1 .banImg {width: 80%;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ban1 .banImg img {display: inline-block;position: absolute;max-width: 90%;transform: translateX(-50%);opacity: 0;transition: all 1s;}
.ban1 .banImg img.bn1 {top: 300px;left: 50%;}
.ban1 .banImg img.bn2 {top: 600px;left: 50%;}
.ban1 .banImg img.bn3 {top: 200px;right: 150px;}
.banImg.active img {opacity: 1;}
.banImg.active img.bn1 {top: 100px;transition-delay: 0s;}
.banImg.active img.bn2 {top: 400px;transition-delay: .8s;}
.banImg.active img.bn3 {top: 200px;transition-delay: 1.6s;}
.ban2 .box1P2 { font-size:60px;}
@-webkit-keyframes myFade{0%{opacity: 1;top:0;}25%{top:-10px;opacity: 0.3;}50%{top:0px;opacity: 1;}75%{top:10px;opacity: 0.3;}100%{opacity: 1;top:0px;}}
@-moz-keyframes myFade{0%{opacity: 1;top:0;}25%{top:-10px;opacity: 0.3;}50%{top:0px;opacity: 1;}75%{top:10px;opacity: 0.3;}100%{opacity: 1;top:0px;}}
@-o-keyframes myFade{0%{opacity: 1;top:0;}25%{top:-10px;opacity: 0.3;}50%{top:0px;opacity: 1;}75%{top:10px;opacity: 0.3;}100%{opacity: 1;top:0px;}}
@keyframes myFade{0%{opacity: 1;top:0;}25%{top:-10px;opacity: 0.3;}50%{top:0px;opacity: 1;}75%{top:10px;opacity: 0.3;}100%{opacity: 1;top:0px;}}
.section2 {background: #030d31;}
.exper {background: #fff;width: 100%;height: 340px;position: absolute;left: 0;top: 0;padding: 50px 0;text-align: center;}
.exper-tit .btit {margin-bottom: 20px;}
.exper-tit .btit img{max-width: 80%;display: block;margin: 0 auto;}
.exper-tit .btit .m-et {display: none;}
.exper-tit .stit {color: #666666;font-size: 16px;letter-spacing: 1px;}
.exper-num li {width: 25%;text-align: center;}
.exper-num .num-txt {margin-top: 10px;}
.number_s {text-align:center;margin: 40px 0 0;}
.number_s span {display:inline-block;width:46px;height:80px;overflow:hidden;background:url(../images/num1.png) no-repeat;transition:all .3s}
.number_s .num_a {color: #333;font-size: 16px;background: 0 none;width:20px;height:30px;line-height: 30px;}
.exper-num li:last-child .number_s .num_a {width: 40px}
.number_s span:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.active .num_1 {-webkit-animation:num1 2s ease 0s forwards;animation:num1 2s ease 0s forwards}
.active .num_2 {-webkit-animation:num2 1s ease 1.6s forwards;animation:num2 1s ease 1.6s forwards}
.active .num_3 {-webkit-animation:num3 2s ease 0s forwards;animation:num3 2s ease 0s forwards}
.active .num_4 {-webkit-animation:num1 2.3s ease 0s forwards;animation:num1 2.3s ease 0s forwards}
.active .num_5 {-webkit-animation:num1 2.5s ease 0s forwards;animation:num1 2.5s ease 0s forwards}
.active .num_6 {-webkit-animation:num1 2s ease 0s forwards;animation:num1 2s ease 0s forwards}
.active .num_7 {-webkit-animation:num7 2s ease 0s forwards;animation:num7 2s ease 0s forwards}
.active .num_8 {-webkit-animation:num1 2.3s ease 0s forwards;animation:num1 2.3s ease 0s forwards}
.active .num_9 {-webkit-animation:num1 2.5s ease 0s forwards;animation:num1 2.5s ease 0s forwards}
.active .num_10 {-webkit-animation:num10 2.5s ease 0s forwards;animation:num10 2.5s ease 0s forwards}
.active .num_11 {-webkit-animation:num11 2.5s ease 0s forwards;animation:num11 2.5s ease 0s forwards}
@keyframes num1 {0%{background-position:0 0}100%{background-position:0 -800px}}
@-webkit-keyframes num1{0%{background-position:0 0}100%{background-position:0 -800px}}
@keyframes num2{0%{background-position:0 0}100%{background-position:0 -80px}}
@-webkit-keyframes num2{0%{background-position:0 0}100%{background-position:0 -80px}}
@keyframes num3{0%{background-position:0 0}100%{background-position:0 -240px}}
@-webkit-keyframes num3{0%{background-position:0 0}100%{background-position:0 -240px}}
@keyframes num6{0%{background-position:0 0}100%{background-position:0 -800px}}
@-webkit-keyframes num6{0%{background-position:0 0}100%{background-position:0 -800px}}
@keyframes num7{0%{background-position:0 0}100%{background-position:0 -400px}}
@-webkit-keyframes num7{0%{background-position:0 0}100%{background-position:0 -400px}}
@keyframes num10{0%{background-position:0 0}100%{background-position:0 -160px}}
@-webkit-keyframes num10{0%{background-position:0 0}100%{background-position:0 -160px}}
@keyframes num11{0%{background-position:0 0}100%{background-position:0 -1119px}}
@-webkit-keyframes num11{0%{background-position:0 0}100%{background-position:0 -1119px}}
.number{position:relative;top:50%;left:50%;width:1200px;height:172px;margin:-86px 0 0 -600px}
.exper-bottom {height: calc(100% - 340px);margin-top: 340px;}
.exper-bottom .main {background: #cdcfd6;height: 100%;}
.exper-list,
.exper-list ul {height: 100%;}
.exper-list li {width: 25%;height: 100%;text-align: center;padding: 80px 0;opacity: 1;}
/* transition: all .8s ease 0s; .active .exper-list li {opacity:1;transition-delay:.3s;transform:translateY(0)}
.active .exper-list li:nth-child(2) {transition-delay:.5s}
.active .exper-list li:nth-child(3) {transition-delay:.7s}
.active .exper-list li:nth-child(4) {transition-delay:.9s} */
.exper-list li:hover {background: #f5f5f5;}
.exper-list li img {display: block;margin: 0 auto 25px;transform:rotateY(0);transition:all .8s ease-in-out 0s}
.exper-list li:hover img{transform:rotateY(360deg)}
.exper-list li .tit {font-size: 20px;color: #333;}
.exper-list li hr {height: 1px;background: #303030;width:50px;margin: 25px auto;border: 0 none;}
.exper-show {width: 150px;margin: 0 auto;}
.exper-show p {line-height: 30px;text-align: left;padding-left: 30px;margin-bottom: 10px;}
.section3 {background: url("../images/bg3.png") repeat-y center;}
.caseLeft {width: 25%;transition: all 1s ease 0s;}
.case-Btit {color: #fff;}
.case-Btit .en {font-weight: bold;font-size: 80px;letter-spacing: 2px;}
.case-Btit .b {font-weight: bold;font-size: 30px;letter-spacing: 3px;margin: 10px 0;}
.case-Btit .s {font-size: 14px;}
.caseLeft-item {max-width: 200px;margin: 80px 0;}
.caseLeft-item li {opacity: 0;transition: all .5s ease 0s;transform: scaleY(-1) translateY(10px);}
.active .caseLeft-item li {opacity: 1;transform: scaleY(1) translateY(0);}
.caseLeft-item li a {position: relative;display: block;padding: 10px 0;color: #bbb;font-size: 14px;line-height: 26px;}
.caseLeft-item li a:hover {color: #dc0000;}
.caseLeft-item li a:before {position: absolute;top: 50%;left: 0;display: block;margin-top: -2px;width: 4px;height: 4px;border-radius: 50%;background: #FFF;content: "";opacity: 0;transition: all .6s ease 0s;}
.caseLeft-item li a:hover:before {left: -26px;opacity: 1;}
.caseLeft-item li a .Line {display: inline-block;margin: 0 7px 0 22px;width: 64px;height: 1px;background: rgba(255,255,255,.35);vertical-align: middle;transition: all .6s ease 0s;}
.caseLeft-item li a:hover .Line {width: 76px;background: #FFF;}
.caseLeft-item li a .icon {color: #FFF;opacity: 0;transition: all .6s ease 0s;transform: translateX(-10px);background: url("../images/right.png") no-repeat center;display: inline-block;width: 15px;height: 26px;vertical-align: top;}
.caseLeft-item li a:hover .icon {opacity: 1;transform: translateX(0);}
.caseLeft .more a {display: block;width: 140px;height: 42px;border: 1px solid rgba(255,255,255,.5);color: rgba(255,255,255,.5);text-align: center;line-height: 40px;transition: all .6s ease 0s;}
.caseLeft .more .morejia {position: relative;display: inline-block;margin: -3px 0 0 10px;width: 11px;height: 11px;vertical-align: middle;}
.caseLeft .more .morejia::before,
.caseLeft .more .morejia::after {position: absolute;display: block;background: rgba(255,255,255,.5);content: "";transition: all .6s ease 0s;}
.caseLeft .more .morejia::before {top: 0;left: 5px;width: 1px;height: 100%;}
.caseLeft .more .morejia::after {top: 5px;left: 0;width: 100%;height: 1px;}
.caseLeft .more:hover a {border-color: #da1713;background: #da1713;color: #FFF;}
.caseLeft .more:hover .morejia::after,
.caseLeft .more:hover .morejia::before {background: #FFF;}
.caseRight {width: 75%;height: 100%;padding-left: 50px;}
.caseRight li {width: calc((100% - 60px) / 3);margin-right: 30px;overflow: hidden;margin-bottom: 30px;opacity: 0;transition: all .8s ease 0s;transform: translateY(20px);}
.caseRight li:nth-child(3n) {margin-right: 0;}
.active .caseRight li {opacity:1;transition-delay:.3s;transform:translateY(0)}
.active .caseRight li:nth-child(2){transition-delay:.5s}
.active .caseRight li:nth-child(3){transition-delay:.7s}
.active .caseRight li:nth-child(4){transition-delay:.9s}
.active .caseRight li:nth-child(5){transition-delay:1.1s}
.active .caseRight li:nth-child(6){transition-delay:1.3s}
.active .caseRight li:nth-child(7){transition-delay:1.5s}
.active .caseRight li:nth-child(8){transition-delay:1.7s}
.active .caseRight li:nth-child(9){transition-delay:1.9s}
.caseRight li a {position: relative;display: block;overflow: hidden;height: 100%;}
.caseRight li img {height: 100%;width: 100%;object-fit: cover;display: block;max-width: 100%;}
.caseRight li .icon {position: absolute;top: 50%;left: 50%;margin: -30px 0 0 -20px;width: 40px;height: 40px;background: url("../images/Ico.png") center center #da0502 no-repeat;opacity: 0;transition: all 1s ease 0s;transform: scale(10);}
.caseRight li:hover .icon {opacity: 1;transform: scale(1);}
.caseRight li .txt {position: absolute;bottom: -100%;left: 0;padding: 9px 10px;width: 100%;background: rgba(218,5,2,.9);color: #FFF;text-align: center;font-size: 14px;transition: all .6s ease 0s;}
.caseRight li:hover .txt {bottom: 0;}
.caseRight li .txt h3 {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 14px;line-height: 200%;}
.caseBtn {display: none;position: absolute;left: 20px;top: 20px;width: 40px;height: 40px;background: #030d31 url("../images/caseBtn.png") no-repeat center;cursor: pointer;z-index: 100;}
.caseLeft.transNone {transform: none;}
.section4 {background: #f5f5f5;}
.section4 .bg {width: 40%;height: 100%;position: absolute;right: 0;top: 0;background: url("../images/bg2.png") no-repeat center;background-size: cover;}
.section4 .news-Btit {width: 100%;height: 250px;position: absolute;left: 0;top: 0;padding: 60px 0 70px;}
.section4 .news-Btit .main {background: url("../images/newbt.png") no-repeat left top;}
.section4 .news-Btit .b {font-size: 35px;font-weight: bold;color: #333333;line-height: 60px;padding-top: 30px;}
.section4 .news-Btit .s {font-size: 20px;line-height: 30px;}
.section4 .news {width: 70%;height: 60%;position: absolute;left: 0;top: 250px;background: #fff;transition: all 2s ease 0s;transform: rotateY(90deg);transform-origin: left center;transform-style: preserve-3d;padding: 50px 10%;}
.active .news {transform: rotateY(0);}
.section4 .news li {padding-left: 100px;position: relative;margin-bottom: 50px;}
.section4 .news li .time {position: absolute;left: 5px;top: 0;width: 85px;height: 90px;text-align: center;border-right: 1px solid #666666;}
.section4 .news li .time .d {color: #dc0000;font-weight: bold;font-size: 50px;line-height: 60px;}
.section4 .news li .time .y-m {line-height: 30px;}
.section4 .news li .tit {height: 40px;line-height: 40px;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.section4 .news li .tit a {color:#303030;font-size: 20px;font-weight: bold;}
.section4 .news li .tit a:hover {color: #dc0000;}
.section4 .news li .brief {line-height: 25px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
.section4 .news .more a {display: inline-block;border: 1px solid #888;padding: 5px 20px;margin-left: 10px;}
.section4 .news .more a:hover {color: #fff;background: #dc0000;border: 1px solid #dc0000;}
.section5 {background: url("../images/bg.png") no-repeat center;background-size: cover;}
.dzWrap {height: 60%;position: relative;}
.dzLeft {float: left;padding: 40px 50px;width: 400px;height: 100%;background: #dc0000 url("../images/dzb.png") no-repeat center;box-shadow: -20px 0 20px rgba(0,0,0,.2) inset;color: #FFF;transition: all 2s ease 0s;transform: rotateY(-90deg);transform-origin: right center;transform-style: preserve-3d;}
.active .dzLeft {transform: rotateY(0);}
.dzLeft-info {position: relative;top: 50%;transform: translateY(-50%);text-align: center;}
.dz-btit {display: block;width: 100%;}
.dz-btit p {display: inline-block;color: #fff;vertical-align: top;font-weight: bold;margin: 20px 5px;}
.dz-btit .s {line-height: 30px;font-size: 20px;}
.dz-btit .b {line-height: 60px;font-size: 50px;}
.dzRight {float: left;background: #fff;width: calc(100% - 400px);height: 100%;padding: 50px;}
.dzRight ul {height: 100%;}
.dzRight li {width: 25%;text-align: center;height: 50%;position: relative;float: left;padding: 0 20px;}
.dzRight li a {display: block;width: 100%;height: 100%;position: relative;left: 0;top: 50%;transform: translateY(-50%);}
.dzRight li img {display: block;margin: 20px auto;}
.dzRight li .tit {font-size: 20px;}
.dzRight li a:hover .tit {color: #dc0000;}
.dzRight li hr {width: 50px;height: 2px;background: #dc0000;margin: 15px auto;border:none;transition: all 0.6s ease 0s;}
.dzRight li a:hover hr {width: 100px;}
.dzRight li .brief {font-size: 13px;}
.map-info {padding-top: 140px;width: 100%;height: 100%;position: relative;}
.map-Btit {background: #fff;position: absolute;left: -100%;top: 0;padding: 30px 0;z-index: 9;width: 100%;height: 140px;opacity: 0;transition: all 1.5s;}
.active .map-Btit {opacity: 1;left: 0;}
.map-Btit .en {display: inline-block;line-height: 80px;font-size: 80px;color: #ebebeb;font-weight: bold;margin-right: 15px;}
.map-Btit .cn {display: inline-block;}
.map-Btit .cn .b {font-weight: bold;font-size: 30px;line-height: 50px;}
.map-Btit .cn .s {font-size: 20px;line-height: 30px;}
.map {width: 100%;height: 100%;}
.anchorBL {display: none;}
.contact-list {position: absolute;bottom: -100px;left: 50%;transform:translateX(-50%);z-index: 9;opacity: 0;transition: all 2s;}
.active .contact-list {opacity: 1;bottom: 100px;}
.contact-list li {float: left;width: calc((100% - 60px) / 4);text-align: center;background: rgba(0, 0, 0, .6);margin-right: 20px;}
.contact-list li:last-child {margin-right: 0;}
.contact-list li .icon {display: inline-block;margin-top: 20px;}
.contact-list li .addr-icon {background: url("../images/icon.png") no-repeat 0px -525px;height: 51px;padding-left: 33px;}
.contact-list li .tel-icon {background: url("../images/icon.png") no-repeat 0px -474px;height: 51px;padding-left: 51px;}
.contact-list li .email-icon{background: url("../images/icon.png") no-repeat 0px -576px;height: 51px;padding-left: 48px;}
.contact-list li .time-icon {background: url("../images/icon.png") no-repeat 0px -627px;height: 51px;padding-left: 47px;}
.contact-list li p {color: #fff;padding: 15px 0 20px;line-height: 20px;height:75px;}
.Tpiaochuan { width:613px; height:285px; background:url("../images/bgx-1.png") no-repeat center center; position:fixed; left:50%; margin-left:-250px; z-index:9999; top:50%; margin-top:-115px;background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;display:none;opacity:0.9; -html-opacity:0.9;}
.Tpiaochuan .zixun { position:absolute; bottom:30px; left:60px; cursor:pointer;}
.Tpiaochuan .noneyin { position:absolute; bottom:30px; right:240px; cursor:pointer;}
.imgmBg {display: none;}
@media screen and (max-width: 1660px) {.ban1 .banImg img.bn3 {right: 50px;}}
@media screen and (max-width: 1380px) {.ban1 .banImg img.bn3 {right: 0px;}}
@media screen and (max-width: 1350px) {
.caseLeft {width: 18%;}
.caseRight {width: 80%;}
.dzWrap {height: 70%;}
.dzRight li .tit {font-size: 16px;-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;}
.dzRight li .brief {line-height: 20px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
display: -webkit-box;}
}
@media screen and (max-width: 1180px) {
.section3 {background: #fff;}
.caseBtn {display: block;}
.caseRight {padding-left: 0;width: 100%;float: none;}
.caseLeft {position: absolute;top: 0;left: 0;transform: translateX(-100%);background: #030d31;height: 100%;padding: 70px 20px;z-index: 99;width: 25%;min-width: 240px;}
.case-Btit .en {font-size: 40px;}
.case-Btit .b {font-size: 25px;}
.caseLeft-item li {text-align: center;}
}
@media screen and (max-width: 1065px) {
.map-Btit .en {font-size: 50px;vertical-align: top;}
.dzRight {padding: 50px 20px;width: calc(100% - 350px);}
.dzLeft {width: 350px;}
}
@media screen and (max-width: 1045px) {
.imgpcBg {display:none;}
.imgmBg {display: block;}
.imgmBg {background-size: 100%, 99.9%!important;}
}
@media screen and (max-width: 920px){
.number_s span {width: 17px;height: 30px;background: url("../images/num2.png") no-repeat;}
@keyframes num1{0%{background-position:0 0}100%{background-position:0 -300px}}
@-webkit-keyframes num1{0%{background-position:0 0}100%{background-position:0 -300px}}
@keyframes num2{0%{background-position:0 0}100%{background-position:0 -30px}}
@-webkit-keyframes num2{0%{background-position:0 0}100%{background-position:0 -30px}}
@keyframes num3{0%{background-position:0 0}100%{background-position:0 -90px}}
@-webkit-keyframes num3{0%{background-position:0 0}100%{background-position:0 -90px}}
@keyframes num7{0%{background-position:0 0}100%{background-position:0 -150px}}
@-webkit-keyframes num7{0%{background-position:0 0}100%{background-position:0 -150px}}
@keyframes num10{0%{background-position:0 0}100%{background-position:0 -60px}}
@-webkit-keyframes num10{0%{background-position:0 0}100%{background-position:0 -60px}}
@keyframes num11{0%{background-position:0 0}100%{background-position:0 -419px}}
@-webkit-keyframes num11{0%{background-position:0 0}100%{background-position:0 -419px}}
#navPage {display: none;}
.ban1 .banImg img {max-width: 70%;}
.ban1 .banImg img.bn3 {top: 10px;}
.ban1 .banImg img.bn2 {top: 230px;}
.ban1 .banImg {width: 90%;}
.box1P1 {font-size: 40px;}
.box1P2 {font-size: 24px;}
.ban2 .box1P2 {font-size: 42px;}
.exper {height: 300px;}
.exper-bottom {margin-top: 300px;height: calc(100% - 300px);}
.caseRight li {width: calc((100% - 30px) / 3);margin-right: 15px;margin-bottom: 15px;}
.caseRight li:nth-child(3n) {margin-right: 0;}
.map-Btit .en {font-size: 35px;}
.map-Btit .cn .b {font-size: 25px;}
.map-Btit .cn .s {font-size: 18px;}
.dzRight li {padding: 15px;}
.dzRight li img {margin: 10px auto;width: 70px;}
}
@media screen and (max-width: 768px) {
.box1P1 {font-size: 30px;}
.box1P2 {font-size: 18px;}
.ban2 .box1P2 {font-size: 32px;}
.box1P1 b {height: 4px;}
.box1P3 {font-size: 18px;}
.exper-tit .btit img {max-width: 60%;}
.exper {padding: 15px 0;background: none;height: auto;position: initial;}
.exper-bottom {margin-top: 15px;height: auto;}
.number_s {margin: 20px 0 0;}
.case-Btit .en {font-size: 35px;}
.case-Btit .b {font-size: 18px;}
.caseLeft-item {margin: 60px 0;}
.caseRight li {width: calc((100% - 15px) / 2);margin-right: 15px;}
.caseRight li:nth-child(3n) {margin-right: 15px;}
.caseRight li:nth-child(2n) {margin-right: 0;}
.caseRight li:nth-child(n+7) {display: none;}
.section4 .news-Btit {padding: 30px 0;height: auto;}
.section4 .news-Btit .b {font-size: 30px;}
.section4 .news-Btit .s {font-size: 18px;}
.section4 .news {top: 200px;width: 80%;}
.section4 .news li .time .d {font-size: 30px;}
.section4 .news li .tit a {font-size: 18px;}
.map-Btit {display: none;}
.map-info {padding-top: 0;}
.active .contact-list {bottom: 70px;}
.contact-list li {width: calc((100% - 15px) / 2);margin-bottom: 20px;margin-right: 15px;}
.contact-list li .icon {margin-top: 10px;}
.contact-list li:nth-child(2n) {margin-right: 0;}
.contact-list li p {padding: 10px 0;height: 60px;}
.dzWrap {height: 95%;}
.dzLeft {width: 100%;height: 30%;float: none;padding: 30px 50px;transform: rotateX(-90deg);}
.active .dzLeft {transform: rotateX(0); }
.dz-btit .b {font-size: 30px;line-height: 50px;}
.dzLeft {height: 20%;}
.dzRight {width: 100%;height: 80%;float: none;padding: 15px;}
.dzRight li a {height:auto;}
.dz-btit p {margin: 10px 5px;}
.dz-btit .s {font-size: 16px;line-height: 25px;}
.exper-num li {width: 50%;}
.number_s {margin-top: 10px;}
.exper-bottom .main,
.exper-list li:hover {background: none;}
.exper-tit .btit .et {display: none;}
.exper-tit .btit .m-et {display: block;}
.exper-tit .stit,
.exper-num .num-txt,
.number_s .num_a {color: #fff;}
.number_s .num_a {font-size: 12px;line-height: 20px;height: 20px;}
.exper-list li {width: 100%;height: 25%;padding: 10px;position: relative;padding-left: 110px;min-height: 120px;}
.exper-list li .tit,
.exper-list li hr {display: none;}
.exper-list li img {margin: 0;position: absolute;max-width: 90px;max-height: 90px;left: 0;top: 50%;transform: translateY(-50%);}
.exper-list li:hover img {transform: translateY(-50%);}
.exper-show {width: 100%;}
.exper-show p {padding-left: 0;margin-bottom: 0;font-size: 15px;float: left;width: 33.3%;color: #fff;}
.Tpiaochuan {width:80%;height:180px;left:10%;margin-left:0px;}
.Tpiaochuan .zixun {bottom: 10px;left:10px;}
.Tpiaochuan .noneyin {bottom: 10px;right:10px;}
}
@media screen and (max-width: 640px) {
.box1P1 {font-size: 24px;}
.box1P2 {font-size: 14px;}
.ban2 .box1P2 {font-size: 26px;}
.section4 .news {width: 90%;}
.caseRight li:nth-child(n+7) {display: block;}
.caseRight li:nth-child(n+9) {display: none;}
.dzLeft {padding: 20px 30px;}
.exper-show p {width: 50%;text-align: center;}
.exper-list li {min-height: 100px;}
.number_s {margin-top: 5px;}
.dzRight li {padding: 5px;}
.dzRight li img {width: 50px;}
.dzRight li .tit { -webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;}
}